.menu-inner {
  position: absolute;
  left:0;
  right:0;
  bottom:0;
  top:px2rem(110px);
  display: flex;
  .left-bar {
    width: px2rem(80px);
    overflow: auto;
    padding-bottom:px2rem(60px);
    background-color: #efefef;
    .left-bar-inner {
      .left-item {
        width:100%;
        font-size: px2rem(14px);
        height: px2rem(60px);
        border-bottom: 1px solid #bfbfbf;
        display: flex;
        align-items: center;
        justify-content: center;
        &.current {
          background-color: #fff;
        }
        img {
           width: px2rem(20px);
           height: px2rem(20px);
           display: inline-block;
           vertical-align: px2rem(-4px);
           margin-right: px2rem(6px);
        }
      }
    }
  }
  .right-bar {
    background-color: #fff;
    flex: 1;
    padding-bottom:px2rem(60px);
    .right-content {
      padding:px2rem(5px);
      width:100%;
      height: 100%;
      overflow-y: auto;
      .right-title {
        font-size: px2rem(14px);
        position: relative;
        border-left: 2px solid #ffd161;
        padding-left: px2rem(5px);
        margin-top:px2rem(10px);
        margin-bottom:px2rem(10px);
      }
      .right-list {
        .list-item {
          display: flex;
          padding-top:px2rem(20px);
          padding-bottom:px2rem(20px);
          border-bottom: 1px solid #f0f0f0;
          background-color: #fff;
          align-items: center;
          .item-left {
            img {
              width:px2rem(60px);
              margin-right: px2rem(8px);
              margin-left: px2rem(8px);
            }
          }
          .item-right {
            padding-right:px2rem(5px);
            font-size: px2rem(16px);
            flex: 1;
            background-color: #fff;
            position: relative;
            .food-name{
              margin-bottom:px2rem(8px);
            }
            .food-detail {
              font-size: px2rem(12px);
              color: #a9a9a9;
              margin-bottom:px2rem(8px);
              line-height: px2rem(16px);
              padding-right:px2rem(5px);
            }
            .food-zan {
              font-size: px2rem(12px);
              color: #a9a9a9;
              margin-bottom:px2rem(8px);
            }
            .food-price {
              color: #fe4d3d;
              .num {
                font-size: px2rem(12px);
                color:#a9a9a9;
              }
            }
            .car {
              position: absolute;
              bottom:-px2rem(5px);
              right:px2rem(15px);
              display: flex;
              align-items: center;
              .minus {
                width: px2rem(25px);
                height: px2rem(25px);
                background-image: url('./img/minus.png');
                background-size:cover;
              }
              .add {
                width: px2rem(25px);
                height: px2rem(25px);
                background-image: url('./img/plus.png');
                background-size:cover;
              }
              .car-count {
                margin-left: px2rem(5px);
                margin-right: px2rem(5px);
              }
            }
          }
        }
      }
    }
  }
  .bottom-bar {
    position: absolute;
    z-index: 20;
    left:0;
    right:0;
    bottom:0;
    .total-money {
      flex:1;
      background-color: rgba(51, 51, 51, 0.9);
    }
    .go-pay {
      background-color: #ffd161;
      font-size:px2rem(16px);
      width:px2rem(100px);
      text-align: center;
      line-height: px2rem(50px);
    }
    .total-money {
       display: flex;
       align-items: center;
       position: relative;
      .car-img {
        height: px2rem(55px);
        width: px2rem(55px);
        background-image: url('./img/shop-icon.png');;
        background-size: cover;
        margin-left:px2rem(10px);
        margin-top:-15px;
        .dot {
          width: px2rem(15px);
          height: px2rem(15px);
          border-radius: 50%;
          border: 1px solid #fff;
          position: absolute;
          left:px2rem(50px);
          top:-px2rem(10px);
          background-color: #fb4e44;
          color: #fff;
          font-size: px2rem(12px);
          text-align: center;
        }
      }
      .car-detail {
        margin-left: px2rem(10px);
        flex:1;
        .money {
          color: #fff;
          font-size: px2rem(20px);
          margin-bottom: px2rem(2px);
        }
        .other {
          color: #999;
          font-size: px2rem(12px);
        }
      }
    }
    .choose-content {
      z-index: 50;
      background-color: #fff;
      .clear-car {
        height: px2rem(40px);
        background-color: #f4f4f4;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        .clear-car-right {
          font-size: px2rem(12px);
          padding-right: px2rem(10px);
          position: relative;
           &::before {
             content: '';
             display: inline-block;
             width: px2rem(13px);
             height: px2rem(13px);
             position: absolute;
             top:px2rem(0px);
             left:-px2rem(13px);
             background-image: url('./img/clear.jpeg');
             background-size: 100% 100%;
           }
        }
      }
      .car-list {
        .car-list-item {
          display: flex;
          font-size: px2rem(16px);
          height: px2rem(36px);
          line-height: px2rem(36px);
          padding:px2rem(10px);
          border-bottom: 1px solid #ddd;
          .item-name{
            flex:1;
            padding-left:px2rem(10px);
          }
          .item-price {
            margin-right: px2rem(10px);
          }
          .item-handel{
            position: relative;
            .car {
              bottom: -px2rem(5px);
              right: px2rem(15px);
              display: flex;
              align-items: center;

              .minus {
                width: px2rem(25px);
                height: px2rem(25px);
                background-image: url('./img/minus.png');
                background-size: cover;
              }

              .add {
                width: px2rem(25px);
                height: px2rem(25px);
                background-image: url('./img/plus.png');
                background-size: cover;
              }

              .car-count {
                margin-left: px2rem(5px);
                margin-right: px2rem(5px);
              }
            }
          }
        }
      }
    }
  }
}
